<div id="reportsTabContentContainer"
     style="float: left;margin: 5px;border: 1px solid #CCCCCC;background-color: #F0F7FF;">
    <div id="reportListBoxContainer"
         class="internalBox"
         style="width: 200px;">
        <div class="internalBoxHeader">
            Reports
        </div>
        <div>
            <div style="padding: 5px;">
                <a href="javascript:showResourceUsedByUser();">Resource Used By User</a>
            </div>
            <div style="padding: 5px;">
                <a href="javascript:showResourceUsedByPeriod();">Resource Used By Period</a>
            </div>
        </div>
    </div>
    <div class="internalBox"
         style="width: 700px;">
        <div class="internalBoxHeader">Report Output</div>
        <div class="internalBoxBody">
            <div id="reportArea"
                 style="text-align: center; padding: 10px;">
                No valid action has been selected
            </div>
        </div>
    </div>
</div>